<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>图书简介</title>
	<link rel="stylesheet" href="../css/introduce.css">
	<script src="../js/online.js"></script>
</head>

<body>
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1><a href="./home.html">返回首页</a></h1>
		</header>


	</div>
	<script>
		// "online":"京东商城:http://book.jd.com/10483893.html 当当网:http://product.dangdang.com/product.aspx?product_id=21020821 苏宁易购:http://www.suning.com/emall/prd_10052_22001_-7_1006212_.html ",


		const a = document.querySelector(".htmleaf-container")
		const figure = document.createElement("figure");
		const loc = location.href;
		const data = loc.split("messages=")[1];
		const dataArr = data.split("/.");
		figure.classList.add("snip0056");
		figure.innerHTML = `
			<figcaption>
				<h2>《${decodeURI((dataArr[0]))}》</h2>
				<p class="catalog">类别：${decodeURI((dataArr[1]))}</p>
				<p class="label">标签：${decodeURI((dataArr[2]))}</p>
				<p><span>简述：</span>${decodeURI((dataArr[4]))}
				</p>
				<div class="icons">购书链接：<br> ${generateOnline(decodeURI((dataArr[7])))}</div>
			</figcaption>
			<img src="${decodeURI((dataArr[5]))}" alt="sample8" />
			<div class="position"><span>${decodeURI((dataArr[6]))}</span><span>${decodeURI((dataArr[8]))}更新于</span></div>`;
		a.appendChild(figure);
	</script>
</body>

</html>